
<body>
<h1>Bienvenue sur le porte folio de guillaume EINHART</h1>

<div id="scene">
    <div id="cube">
        <div id="devant"></div>"
        <div id="droite"></div>
        <div id="gauche"></div>
        <div id="derriere"></div>	

    </div>
    <script>
        var yAngle = 0; //definition du point Y centre du cube
        document.addEventListener('keydown', function(e)//definion
        {
            switch (e.keyCode)
            {

                case 37: // droite
                    yAngle -= 90;//le cube  bouge de -90°
                    break;//on arrete la rotation un fois les 90° enlevé



                case 39: // gauche
                    yAngle += 90; //le cube bouge de +90

                    break;


            }
            ;

            document.getElementById('cube').style.webkitTransform = " rotateY(" + yAngle + "deg)";


        }, false);
    </script>		





</div>
</body>

